﻿* {
	margin: 0px;
	padding: 0px;
}
.hidden { display:none !important;}
body {
	font: 12px/24px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;
	color: #808080;
	min-width: 1000px;
	background-color: #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
	margin: 0px;
	padding: 0px;
}
a {
	color: #808080;
	text-decoration: none;
}
a:hover {
	color: #029a4d;
	text-decoration: none;
}
img {
	border: 0;
}
ul {
	display: block;
}
ul, ul li {
	list-style: none;
}
input, select, textarea {
	vertical-align: middle;
	font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;
	border: 1px solid #dedede;
	padding: 3px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.mt {
	margin-top: 10px;
}
.mr {
	margin-right: 10px;
}
.mb {
	margin-bottom: 10px;
}
.ml {
	margin-left: 10px;
}
.pt {
	padding-top: 30px;
}
.pt2 {
	padding-top: 40px;
}
.pr {
	padding-right: 10px;
}
.pb {
	padding-bottom: 30px;
}
.pl {
	padding-left: 10px;
}
.wp {
	margin: 0px auto;
	width: 1200px;
}
.cls {
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	clear: both;
}

/*======== ix-head =============*/
.ix-head{
	height:90px;
	    position: fixed;
    top: 0;
    z-index: 999;
	width:100%;
	background-color:#fff;
}
.ix-head-no { height:90px;}
.ix-logo { height:90px; overflow:hidden;}


/*======== nav =======*/
/*------一级样式------*/
.top-nav {
	    height: 90px;
    line-height: 90px;
}

.menu {
	font-family: "Microsoft Yahei", Tahoma, Geneva, sans-serif;
	_overflow: hidden;
}
.menu li {
	font-size: 14px;
	float: left;
	position: relative;	
}
.menu li a {
	color: #666;
	float: left;
	position: relative;
	display: inline-block;
	padding: 0px 42px;
	    font-size: 16px;
    font-weight: bold;
}

.menu li a.selected{
	height: 88px;
	border-bottom:solid 2px #e46213;
}
.menu li.next{
	padding-right:0px;
}

/*-------------二级样式-------------*/
ul.menu_two {
	width: 120px;
	background-color: #fff;
	border-top: none;
	position: absolute;
	left: -1px;
	top: -999em;
	z-index: 99999;
	padding: 8px;
	display: none;
	border-top:solid 3px #029a4d;
}
ul.menu_two li{
	height:40px;
	font-size: 12px;
	border: none;
	float: left;
}
.menu li.hover ul.menu_two {
	top:90px;
	display: block;
	width:140px;
	padding: 0px;
}
.menu li.hover ul.menu_two li {
	border: none;
	width: 100%;
	float: left;
	padding: 0px;
}
.menu li.hover ul.menu_two li a {
	font-size: 12px;
    color: #666;
    text-decoration: none;
    padding: 0;
	font-size:12px;
    line-height: 40px;
    height: 40px;
    display: block;
    width: 140px;
    text-align: center;
    border: none;
    font-weight:normal;
}

/*-------------导航hover样式--------------*/
.menu li:hover {
	background-color: #fff;

}
.menu li.hover a {
	color: #029a4d;
	height: 90px;
	line-height:90px;
}
.menu li.hover ul.menu_two li a:hover {
	background-color:#f9f9f9;

	height:40px;
}
/*======= nav-end ======*/


/*-----------------------------------------------------banner-----------------------------------------------------*/
.banner { width: 100%; height: 780px; overflow: hidden; }
.animation { position: relative; width: 100%; height: 780px; margin: 0 auto; overflow: hidden; background:#fff; }
.layer { display:block; z-index:99;}
.layer-s {z-index:998!important; }
.pic1 { background: url(../images/img_abg.jpg) top center no-repeat; }
.pic2 { background: url(../images/img_bbg.jpg) top center no-repeat;}
.pic3 { background: url(../images/img_cbg.jpg) top center no-repeat; }
.pic4 { background: url(../images/img_dbg.jpg) top center no-repeat; }
.animation ul { width: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.animation ul li { width: 100%; height: 520px; position: absolute; top: 0; left: 0; display: none; }
.animation ul li:first-child { display: block; }
.animation ul li>div { width: 100%; height: 780px; display: block; background-position: top center; background-repeat: repeat; background-size: cover; }
.banner-btn { position: absolute; top: 50%; width: 100%; z-index: 3; }
.banner-btn .w1000 { position: relative; }
.banner-btn a { position: absolute; width: 30px; height: 59px; z-index: 99; display: none; }
.banner-btn a.prev { background: url("../images/b_left.png"); left: 2%; }
.banner-btn a.next { background: url("../images/b_right.png"); right: 2%; }
.animation ol { z-index: 2; width: 100%; text-align: center; position: absolute; bottom: 20px; }
.animation ol li { width: 50px; height:2px; margin: 0 4px; display: inline-block; text-align: center; -webkit-border-radius: 100px;  border-radius: 100px; cursor: pointer; background-color:#ababab; }
.animation ol li.active { background: #0f9d23; }
.animation ul li .wrap { position: relative; width: 1200px; height: 780px; margin: 0 auto; }
.animation ul li .wrap img { position: absolute; }


/*-----------------------------------------------------banner1-----------------------------------------------------*/
.cb .a-1 {  z-index: 1;  -webkit-animation: fadeInUp 0.4s 0.4s ease both;animation: fadeInUp 0.4s 0.4s ease both; }

/*======= ix-pro-list ix-tp1 ========*/
.ix-pro{
	padding:60px 0px;
}
.ix-pro-list{
		width:580px;
	height:225px;
	
}
.ix-pro-list.ix-tp1:hover, .ix-pro-list.ix-tp2:hover{
	-webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
.ix-pro-list.ix-tp1{

	background-color: rgba(0,0,0,0.5);
    transition: all .3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}
.ix-pro-list.ix-tp2{
	background:url(../images/p2.jpg) no-repeat center  center;
	background-color: rgba(0,0,0,0.5);
    transition: all .3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}
.ix-pro-list a{
	display:block;
	width:255px;
	height:124px;
	    padding-top: 72px;
    padding-left: 322px;
}

.ix-pro-list a h3{
	font-size:18px;
	color:#029a4e;
	font-weight:normal;
}
.ix-pro-list a p{
	padding-top:15px;
	color:#808080;
	line-height:180%;
}

/*=============  ix-about =============*/
.ix-about{
	background:url(../images/about_bj.jpg) no-repeat center center;
	max-width:1920px;
	margin:0% auto;
	height:420px;
}
.ix-about .wp{
	padding-top:60px;	
}
.ix-about-text{
	width:540px;
	height:220px;
	padding:40px;
	background-color:#fff;
}
.ix-about-t1{
	color:#029a4d;
	font-size:16px;
}
.ix-about-t1 span{
	padding-left:5px;
	font-size:12px;
	color:#cccccc;
}
.ix-about-t2{
	line-height:200%;
	padding:25px 0px;
	font-size:14px;
}
.ix-about-t3 a{
	display:block;
	width:148px;
	height:38px;
	border:solid 1px #e0e0e0;
	text-align:center;
	line-height:38px;
	color:#808080;
	font-size:14px;

}

.ix-about-t3 a:hover{
	width:148px;
	background-color:#029a4d;
	color:#fff;
	border:solid 1px #029a4d;
	
}

/*=============== ix-news-head =============*/
.ix-news{
	padding:60px 0px;
}
.ix-news-head{
	position:relative;
	height:40px;
	line-height:40px;
	border-bottom:solid 1px #e0e0e0;
}
.ix-news-head .h1{
	font-size:16px;
	color:#666;
	border-bottom:solid 2px #029a4d;
	padding-bottom:9px;
}
.ix-news-head span a{
	position:absolute;
	right:0;
}
.ix-news-list{
	width:1240px;
	margin-left:-40px;
	padding-top:40px;
}
.ix-news-list li{
	width:540px;
	height:100px;
	margin-left:40px;
	padding:20px;
	margin-top:20px;
	background-color:#f6f6f6;
	float:left;
}
.ix-n-img {
	width:120px;
	height:100px;
}
.ix-n-img img{
	width:120px;
	height:100px;
}
.ix-n-tit{
	width:400px;
}
.ix-n-tit .nt1{
	font-size:20px;
	color:#999;
	    font-family: "Times New Roman", Times, serif;
}
.ix-n-tit .nt2 a{
	display:block;
	font-size:14px;
	color:#666;
	padding:5px 0px;
}
.ix-n-tit .nt2 a:hover{
	color:#029a4d;
}
.ix-n-tit .nt3{
	font-size:12px;
	color:#808080;
	line-height:180%;
}

/*=========== ix-footer ============*/
.ix_footer_box{
	background-color:#f6f6f6;
	padding-top:40px;
}
.ix-foot-nav{
	margin-bottom:30px;
}
.foot-logo{
	width:270px;
}
.foot-links{
	padding-left:10px;
}
.foot-links-list{
	float:left;
	padding-left:45px;
	width:75px;
}
.foot-links-list h3{
	font-size:14px;
	color:#666;
	font-weight:normal;
	padding-bottom:13px;
}
.foot-links-list ul li a{
	font-size:12px;
	color:#999;
	line-height:150%;
}
.foot-links-list ul li a:hover{
	color:#029a4d;
}
.foot-ewm{
	width:105px;
	text-align:center;
}
.foot-ewm .e1{
	padding-top:5px;
}
.foot-xx {
	width:270px;
	padding-left:30px;
}
.foot-xx h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666;
	padding-bottom:12px;
}
.foot-xx p{
	font-size:12px;
	color:#999;
	line-height:180%;
}
.copy{
	height:55px;
	line-height:55px;
	border-top:solid 1px #dddddd;
	color:#999;
}
.copy a{
	color:#999;
}

/*============= zb ============*/
.ix-pro.common-title, .ix-about.common-title, .ix-news.common-title{
	    opacity: 0;
    filter: alpha(opacity=0);
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/*============== xg =============*/
.s4_bg_js {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
}



/*-----------------------------------------------------kf-----------------------------------------------------*/
.side-pannel {position:fixed; width:50px; bottom:60px; right:20px; z-index:999; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2);  -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.side-bar>a:hover{ background:#222;}
.side-bar a.gotop:hover{ background:#222;}

.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#222;}
.side-bar .dh i{ background:url(../images/side-01.png) no-repeat; width:23px; height:23px; display:block; margin:14px auto;}
.side-bar a.wx i{ background:url(../images/side-02.png) no-repeat; width:26px; height:22px; display:block; margin:14px auto;}
.side-bar a.gotop i{ background:url(../images/side-03.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}
.side-bar .dh .hide{  width:226px;  position:absolute; left:-226px; top:-36px;}
.side-bar .dh .hied_con{ width:210px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .dh .hide dl { width:180px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt.title { margin-bottom:10px; font-size:14px;}
.side-bar .dh .hide dl dt.tel {margin-top:-6px;}
.side-bar .dh .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:18px; font-style:italic;  }
.side-bar .dh .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:6px;}
 .theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover1 dl a { width:100px; height:36px; line-height:36px; background:#029a4d; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover1 dl a:hover { background:#006f37;}
.side-bar .qq{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .qq:hover{ background:#222;}
.side-bar .qq i{ background:url(../images/side-04.png) no-repeat; width:24px; height:26px; display:block; margin:10px auto;}
.side-bar .qq .hide{  width:226px;  position:absolute; left:-226px; top:-36px;}
.side-bar .qq .hied_con{ width:210px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .qq:hover .hied_con{ display:block }
.side-bar .qq .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .qq .hide dl { width:180px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .qq .hide dl dt.title { margin-bottom:10px; font-size:14px;}
.side-bar .qq .hide dl dt.tel { position:relative;}
.side-bar .qq .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:16px;font-style:italic; font-family:"微软雅黑"; padding-left:12px; }
.side-bar .qq .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:12px; position: absolute; top:-4px;}

